<script setup lang="ts">
import { refreshScale,setHtmlsize } from '@/utils/refreshScale'
import { onMounted } from 'vue'
import { userStore } from './store/modules/userStore';
onMounted(()=>{
  // var timeout = setTimeout(()=>{
    refreshScale();
    setHtmlsize()
  //   clearTimeout(timeout)
  // },1000)
  // 
  window.onresize=function(){
    refreshScale()
    setHtmlsize()
  }
})
</script>

<template>
  <router-view />
</template>

<style>
@import url('./assets/css/index.scss');


#app {
  width: 1920px;
  display: flex;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  /* background: #071618; */
  /* background: linear-gradient(45deg, #1a2f2f 20%, #0e5b5c ); */
  background: linear-gradient(to right,#0a1f22, #071618, #0a1f22);
}

#visual-screen,.main {
  width: 100%;
  height: 100%;
}
</style>
